<!DOCTYPE html>
<html lang="zh-cn">

	<head>
		<meta charset="UTF-8">
		<title class="title"></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<style type="text/css">
			.content {background: transparent;z-index: 9999;}
			.fixed {position: fixed;bottom: 0;left: 0;right: 0;width: 100%;z-index: 999;}
			.content .mask {top: 0;background: rgba(0,0,0,.4);z-index: 90;}
			.content .file-content {z-index: 91;height: 60px;background: #fff;text-align: center;}
			.btn {position: relative;}
			.btn .file {position: absolute;z-index: 93;left: 0;right: 0;top: 0;bottom: 0;height: 60px;width: 100%;opacity: 0;}
			.btn-bg {margin-top: 10px;background: #0066CC;color: #fff;width: 80%;height: 40px;border: 0;border-radius: 5px;}
			.tis {top: 0;z-index: 95;display: none;justify-content: center;align-items: center;}
			.tis .tis-content {background: #fff;width: 60%;border-radius: 10px;padding: 20px 0;}
			.tis .tis-content img {width: 50px;height: 50px;}
			.tis-progress {margin: 10px 0;color: #999; position: fixed;top: 100px;z-index: 9999999;}
			.cancel-btn {margin-top: 30px;height: 30px;line-height: 1;padding: 0 2em;background: #e3e3e3;color: #898989;border: 0;border-radius: 5px;}
		    .tis-content{
				z-index: 99999;
				padding-bottom: 10px;
				padding: 0 10px;
				background-color: #ffffff;
				top: 50%;
				position: fixed;
				margin: 0 auto;
				left: 50%;
				transform: translate(-50%,-50%);
				width: 90%;
			}
			.yanzheng_tishi{
				height: 40px;
				display: flex;
				align-items: center;
				border-bottom: 1px solid #eeeeee;
				margin-bottom: 10px;
				color: #666;
				justify-content: space-between;
				padding: 0 10rpx;
			}
			.yanzheng_tishi img{
				width: 15px;
				height: 15px;
			}
			.aliyunCaptcha-sliding-body{
				width: 100% !important;
			}
			#captcha-element{
				width: 300rpx !important;
			}
		</style>
	</head>

	<body>
		

		
		<script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></script>
		<script src="https://o.alicdn.com/captcha-frontend/aliyunCaptcha/AliyunCaptcha.js" type="text/javascript" charset="utf-8"></script>
	</body>
	<script>
	 //  var wv = 	window.initAliyunCaptcha({
  //     SceneId: 'aes5d0c9', // 场景ID。根据步骤二新建验证场景后，您可以在验证码场景列表，获取该场景的场景ID
  //     prefix: '1vmimd', // 身份标。开通阿里云验证码2.0后，您可以在控制台概览页面的实例基本信息卡片区域，获取身份标标
		//   mode: 'embed', // 验证码模式。popup表示要集成的验证码模式为弹出式。无需修改
		//   element: '#captcha-element', // 页面上预留的渲染验证码的元素，与原代码中预留的页面元素保持一致。
		//   button: '#captcha-button', // 触发验证码弹窗的元素。button表示单击登录按钮后，触发captchaVerifyCallback函数。您可以根据实际使用的元素修改element的值
		//   captchaVerifyCallback: this.captchaVerifyCallback, // 业务请求(带验证码校验)回调函数，无需修改
		//   onBizResultCallback: this.onBizResultCallback, // 业务请求结果回调函数，无需修改
		//   getInstance: this.getInstance, // 绑定验证码实例函数，无需修改
		//   slideStyle: {
		// 	width: 320,
		// 	height: 40,
		//   }, // 滑块验证码样式，支持自定义宽度和高度，单位为px。其中，width最小值为320 px
		//   language: 'cn', // 验证码语言类型，支持简体中文（cn）、繁体中文（tw）、英文（en）
		// 	immediate: true, 
		// });
		 document.addEventListener('plusready', function() {
		var that=this
		        setTimeout(()=>{
		
		            var wv = plus.webview.currentWebview()
		
		            console.log(wv.SceneId,'wv')
					
					
					 var wv = 	window.initAliyunCaptcha({
					    SceneId: wv.SceneId, // 场景ID。根据步骤二新建验证场景后，您可以在验证码场景列表，获取该场景的场景ID
					    prefix: wv.prefix, // 身份标。开通阿里云验证码2.0后，您可以在控制台概览页面的实例基本信息卡片区域，获取身份标标
							  mode: 'embed', // 验证码模式。popup表示要集成的验证码模式为弹出式。无需修改
							  element: '#captcha-element', // 页面上预留的渲染验证码的元素，与原代码中预留的页面元素保持一致。
							  button: '#captcha-button', // 触发验证码弹窗的元素。button表示单击登录按钮后，触发captchaVerifyCallback函数。您可以根据实际使用的元素修改element的值
							  captchaVerifyCallback: bbb, // 业务请求(带验证码校验)回调函数，无需修改
							  onBizResultCallback:that.onBizResultCallback, // 业务请求结果回调函数，无需修改
							  getInstance: that.getInstance, // 绑定验证码实例函数，无需修改
							  slideStyle: {
								width: 300,
								height: 40,
							  }, // 滑块验证码样式，支持自定义宽度和高度，单位为px。其中，width最小值为320 px
							  language: 'cn', // 验证码语言类型，支持简体中文（cn）、繁体中文（tw）、英文（en）
								immediate: true, 
							});
							setTimeout(function(){
								var t = document.getElementById('tishi');//选取id为test的元素
								 t.style.display =  'none';// 隐藏选择的元素   
							},500)
						
							
		        },100)
		    })
	var bbb=	function captchaVerifyCallback(aaaaa){
			 uni.postMessage({  
					data: aaaaa
			})  
			plus.webview.currentWebview().close();
			// window.location.href = '/pages/zhuan/ceshi2?params=loading'  
		}
		
	function guanbi(){
		plus.webview.currentWebview().close();
	}
		
		
	</script>

</html>
